<template>
	
<div  class="sidebar1 sidebarBox1" >
			<el-menu
				mode="horizontal"
				class="el-menu-demo"
				:collapse="collapse"
				:default-active="active"
				background-color="#fff"
				active-text-color="#409EFF"
				text-color="#000"
				>
				<el-submenu index="2">
					<template slot="title"><i class="el-icon-s-unfold"></i></template>
					<Menu1 :layoutData="layoutData" />
				</el-submenu>
				<!-- <el-menu-item style="padding: 0 9px;" index="/home" @click="gohome('/home')">首页</el-menu-item>
				<el-menu-item style="padding: 0 9px;" index="/order/index" @click="gohome('/order/index')">订单</el-menu-item>
				<el-menu-item style="padding: 0 9px;" index="/parking/index" @click="gohome('/parking/index')">减免</el-menu-item>
				<el-menu-item style="padding: 0 9px;" index="/iot/site/gunListApp" @click="gohome('/iot/site/gunListApp')">枪管理</el-menu-item> -->
			</el-menu>
       </div>
</template>

<script>
	// import bus from '../common/bus'
	// import theme from '../common/theme'
	import {baseUrl} from '@/tools'
	//BreadCrumb
	import Menu1 from "./Menu1"
	export default {
		name: 'appmenu',
		components:{
			Menu1,
		},
		
		data() {
			return {
      collWidth: 'width:300px',
      active: '/iot/pile/list',
      collapse:true,
			}
		},
		computed: {
			layoutData() {
      return this.$store.getters.layoutData;
    },
		},
		created(){
			
		},
		mounted(){
			
		},
		methods: {
			
		},
		
		
		
	}
</script>
<style scoped>

</style>
